<template>
    <el-watermark :font="font" :content="[appTitle, userMsg]">
        <RouterView />
    </el-watermark>
</template>

<script setup>
import { reactive } from 'vue'
import { userStore } from '@/stores'
// 可以在组件中的任意位置访问 `store` 变量 ✨
const store = userStore()
const userMsg = store.userInfo.userName + "_" + store.userInfo.userId;

const font = reactive({
    color: 'rgba(0, 0, 0, .15)',
})

//项目名称
const appTitle = import.meta.env.VITE_APP_TITLE;

</script>
